<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>座位信息</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/js/bootstrap.min.js" rel="stylesheet">
    <style>
        .div1
        {
            color: white;
            font-size: 33px;
            font-weight: 800;
            font-style: oblique;
        }
        .font_a
        {
            color: gray;
            font-size: 25px;
            font-weight: 800;
        }
        .font_b
        {
            color: cornflowerblue;
            font-size: 25px;
            font-weight: 800;
        }
        .a_d
        {
            font-weight: 540;
            font-size: 20px;
            color: gray;
        }
        .span1
        {
            font-weight: 540;
            font-size: 25px;
        }
        .img-1{
          
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
        }
        .div4
        {
            color: orange;
            font-size: 30px;
            font-weight: 1000;
            font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        }
        .div5
        {
            color: rgba(148, 137, 137, 0.836);
            font-size: 30px;
        }
        .sm1
        {
            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            color: rgba(126, 117, 117, 0.836);
        }
        .p1
        {
            border: 1px rgb(224, 224, 224) solid;
            opacity: 0.8;
            background-color: honeydew;
        }
        .a
        {
        background-color:white;
        width: 30px;
        height: 30px;
        border: 1px solid darkgray;
        border-radius:10px;
        }
        .b
        {
        background-color:rgb(0, 255, 98);
        width: 30px;
        height: 30px;
        border: 1px solid darkgray;
        border-radius:10px;
        }
        .button1
        {
            background-color: orange;
            color: white;
        }
        .ln
        {
            color: rgba(5, 5, 5, 0.25);
        }
    </style>
    <script>
			window.onload=function(){
			var div = document.getElementsByTagName("div");
			for(let i=0;i<div.length;i++){

			div[i].onclick=function(){
				
                var old=this.className;
				if(old==="a"){
					this.className="b";
				}else if(old==="b"){
					this.className="a";
				}
			}
			}
		}
	</script>
</head>
<body style="background-color: rgba(212, 212, 212, 0.459);">
    <div class="container-fluid mt-2 shadow" style="background-color:white; height: 100px;">
        <div class="row">
            <div class="col-sm-1"></div>
            <div class="col-sm-2 div1 text-center" style="background-color: orange;">
                电影网<br>www.dyw.cn
            </div>
            <div class="col-sm-1"></div>
            <div class="col-sm-4 row">
                <div class="col-sm-3 mt-4">
                    <a href="/index.jsp" class="font_a">首页</a>
                </div>
                <div class="col-sm-3 mt-4">
                    <a href="index_movie.html" class="font_a">电影</a>
                </div>
                <div class="col-sm-3 mt-4">
                    <a href="index_cinema.html" class="font_a">影院</a>
                </div>
                <div class="col-sm-3 mt-4">
                    <a href="index_information.html" class="font_a">资讯</a>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="row"> 
                    <div class="col-sm-6"></div>
                    <div class="col-sm-2 mt-4">
                        <a href="login.html" class="font_b">登录</a>
                    </div>
                    <div class="col-sm-4 mt-4">
                        <a href="regist.html" class="font_a">免费注册</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="container mt-2 rounded-top " style="background-color:rgb(255, 255, 255); " >
        <div class="row col-md-12">
            <div class="col-md-9 ">
                
                <div class=" mt-3 mr-3 rounded-top" style="background-color:rgba(212, 212, 212, 0.459);" >
                    <div class="row "style="color: rgba(148, 137, 137, 0.836);">
                        <div class="col-md-2"></div>
                        <div class="col-md-8 ">
                            <div class="bg-dark" style="text-align: center;">观赏影厅</div>
                        
                            <div class="mt-0 ml-5 ln">
                                ||||||||||||||||||||||||||||||||||
                                ||||||||||||||||||||||||||||||||||
                                ||||||||||||||||||||||||||||||||||
                            </div>
                            <br>
                            <div class="row mt-3  ml-3" >
                                1 &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                                 <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;     
                            </div>
    
                            <div class="row mt-3  ml-3">
                                2 &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                                 <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                 <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                 <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                            </div>
                            <div class="row mt-3  ml-3">
                                3 &nbsp;&nbsp;  &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                            </div>
    
                            <div class="row mt-3  ml-3">
                                4 &nbsp;&nbsp;  &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                            </div>
    
                            <div class="row mt-3  ml-3">
                                5 &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                            </div>
    
                            <div class="row mt-3  ml-3">
                                6 &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                            </div>
    
                            <div class="row mt-3  ml-3">
                                7 &nbsp;&nbsp;  &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;
                                <div class="a"></div>&nbsp;
                            </div>
    
                            <div class="row mt-3  ml-3">
                                8 &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                                 <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                 <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  
                                 <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;  <div class="a"></div>&nbsp;
                                 <div class="a">
                                 </div>&nbsp;
                            </div>
                            <br>
                            <div class="row mt-3  ml-3">
                                 &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                                 <div class="a" style="background-color: white;"></div>  &nbsp;&nbsp;可选  &nbsp;&nbsp; &nbsp;&nbsp;  <div class="a" style="background-color:rgb(0, 255, 98) ;"></div>&nbsp;&nbsp;已选     &nbsp;&nbsp; &nbsp;&nbsp;<div class="a" style="background-color: red;"></div>  &nbsp;&nbsp;已售
                            </div>
                            <br>
    
                        </div>
                                          
                    </div>
                    
                </div>

            </div>
        
          
            <div class="col-md-3 portfolio-item mt-2">
                <div class="portfolio-wrap">
                    <img src="/Picture/爱情神话.png" class="img-fluid">
                    <div class="portfolio-info text-center">
                        <h4>爱情神话</h4>
                        <p class="p1">
                            李小姐（马伊琍 饰），带着女儿过着单身生活。蓓蓓（吴越 饰），离婚后热衷跳探戈。
                            格洛瑞亚（倪虹洁 饰），有钱有闲老公失踪。三个完全不同......
                        </p>
                        <button type="button" class="btn btn-circle button1">
                            <a href="purchase.html">完成选座</a>
                        </button>
                    </div>
                </div>
            </div>

        
        </div>
        <br>
    </div>
    <hr>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-2 div4 text-center mt-3">
                电影网<br>www.dyw.cn
            </div>
            <div class="col-sm-4"></div>
            <div class="col-sm-3 div5 mt-3">
                <span style="color: black;">客服电话: 410-647-6688</span><br>
                <small><h4>服务时间: 9:00-21:00</h4></small>
            </div>
            <div class="col-sm-3 div5 mt-3">
                <small><h4>企业团购请详细咨询</h4></small>
                <span style="color: black;">电话: 13461582649</span>
            </div>
        </div>
        <hr>
        <small class="sm1">豫ICP备15698号-1 Copyright @2022-2025 dyw.cn 版权所有 电影网(郑州) 网络科技有限大学</small>
    </div>
</body>
</html>